.home-background-img {
    width: 100%;
    min-height: 508px;
    background-image: url('../../images/home.jpg');
   
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

  @media all and (max-width:800px){
        .home-background-img{
            min-height: 250px;
        }
  }
    @media all and (max-width:599px) and (min-width:501px){
        .home-background-img{
            min-height: 290px;
        }  
  }
   @media all and (max-width:800px) and (min-width:600px){
    .home-background-img{
        min-height: 440px;
    }
  } 
     @media all and (min-width: 1200px){
    .home-background-img{
        min-height: 675px;
    }
  }